/* ============================================================
   GOLD UNLOCKS — DASHBOARD V7
   restrained fintech / operations UI
   ============================================================ */
.gx7-dashboard{
  --gx7-bg:#080c11;
  --gx7-panel:#0e141b;
  --gx7-panel2:#121a23;
  --gx7-line:rgba(255,255,255,.085);
  --gx7-line2:rgba(255,255,255,.055);
  --gx7-text:#edf2f7;
  --gx7-muted:#8996a7;
  --gx7-gold:#f4c95d;
  --gx7-gold2:#dcae37;
  --gx7-green:#34d783;
  --gx7-yellow:#f1bd46;
  --gx7-red:#f06470;
  max-width:none!important;
}
.gx7-dashboard .page-container{
  max-width:1760px!important;
  padding:18px 20px 38px!important;
}
.gx7-dashboard *{box-sizing:border-box}

/* notices */
.gx7-notices{display:grid;gap:9px;margin-bottom:14px}
.gx7-notice{
  min-height:46px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:9px 11px;
  background:#0d141c;
  border:1px solid var(--gx7-line);
  border-radius:13px;
}
.gx7-notice-admin{border-color:rgba(244,201,93,.15)}
.gx7-notice-icon{
  width:30px;height:30px;flex:0 0 30px;
  display:grid;place-items:center;
  border-radius:9px;
  background:rgba(255,255,255,.035);
  color:var(--gx7-gold)
}
.gx7-notice-copy{flex:1;min-width:0;color:#cfd7e0;font-size:12px;line-height:1.5}
.gx7-notice-copy strong{color:#eef2f6!important}
.gx7-notice-copy a{color:var(--gx7-gold)!important}
.gx7-link-btn{
  border:1px solid rgba(255,255,255,.10);
  background:#151d27;
  color:#e9eef4!important;
  border-radius:9px;
  padding:7px 11px;
  font-size:10px;
  font-weight:800;
  text-decoration:none!important;
  cursor:pointer
}

/* master layout */
.gx7-dashboard-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 330px;
  gap:14px;
  align-items:start;
}
.gx7-dashboard-grid.gx7-no-news{grid-template-columns:1fr}
.gx7-main{display:grid;gap:12px;min-width:0}

/* wallet */
.gx7-wallet{
  display:grid;
  grid-template-columns:minmax(0,1fr) 285px;
  min-height:154px;
  border:1px solid rgba(244,201,93,.14);
  border-radius:20px;
  overflow:hidden;
  background:#0d141b;
  box-shadow:0 18px 42px rgba(0,0,0,.18)
}
.gx7-wallet-primary{
  padding:20px 22px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:
    radial-gradient(420px 180px at 0 0,rgba(244,201,93,.07),transparent 68%),
    #0d141b
}
.gx7-kicker,.gx7-section-kicker{
  color:#7f8b9b;
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.13em;
  font-weight:900
}
.gx7-balance-row{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  margin-top:8px
}
.gx7-balance{
  display:flex;
  align-items:baseline;
  gap:6px;
  color:#f6f7f9;
  font-variant-numeric:tabular-nums
}
.gx7-currency{font-size:20px;color:#9da8b6}
.gx7-balance-number{font-size:42px;line-height:1;font-weight:500;letter-spacing:-.045em}
.gx7-suffix{font-size:11px;color:#7f8b9b}
.gx7-primary-action{
  min-height:44px!important;
  padding:0 16px!important;
  border-radius:11px!important;
  border:0!important;
  background:var(--gx7-gold)!important;
  color:#18130a!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:9px;
  font-size:11px!important;
  font-weight:900!important;
  box-shadow:none!important
}
.gx7-primary-action:hover{background:#ffd96d!important;transform:translateY(-1px)}
.gx7-wallet-secondary{
  display:grid;
  grid-template-columns:42px 1fr auto;
  align-items:center;
  gap:12px;
  padding:18px;
  background:#101820;
  border-inline-start:1px solid var(--gx7-line2);
  text-decoration:none!important
}
.gx7-wallet-secondary:hover{background:#121b25}
.gx7-wallet-secondary-icon{
  width:42px;height:42px;
  display:grid;place-items:center;
  border-radius:12px;
  background:rgba(240,100,112,.07);
  color:#ef7b84;
  font-size:16px
}
.gx7-wallet-secondary-copy{display:grid;gap:4px}
.gx7-wallet-secondary-copy strong{
  color:#f2f5f8!important;
  font-size:22px;
  font-weight:600;
  font-variant-numeric:tabular-nums
}
.gx7-chevron{color:#687587}

/* summary strip */
.gx7-summary{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  border:1px solid var(--gx7-line);
  border-radius:17px;
  overflow:hidden;
  background:#0d141b
}
.gx7-summary-item{
  min-height:84px;
  padding:14px 16px;
  display:flex;
  align-items:center;
  gap:12px;
  border-inline-end:1px solid var(--gx7-line2)
}
.gx7-summary-item:last-child{border-inline-end:0}
.gx7-summary-icon{
  width:36px;height:36px;flex:0 0 36px;
  display:grid;place-items:center;
  border-radius:10px;
  background:#141d27;
  color:#9ca8b7
}
.gx7-summary-copy{display:grid;gap:4px;min-width:0}
.gx7-summary-copy span{font-size:10px;color:#7f8c9d;font-weight:700}
.gx7-summary-copy strong{
  color:#e9eef4!important;
  font-size:16px;
  font-weight:600;
  font-variant-numeric:tabular-nums;
  overflow:hidden;text-overflow:ellipsis
}

/* orders */
.gx7-orders-panel{
  border:1px solid var(--gx7-line);
  border-radius:20px;
  background:#0d141b;
  padding:18px;
  box-shadow:0 16px 38px rgba(0,0,0,.14)
}
.gx7-section-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:16px;
  padding-bottom:13px;
  border-bottom:1px solid var(--gx7-line2)
}
.gx7-section-head h3{
  margin:4px 0 0!important;
  font-size:20px!important;
  font-weight:600!important;
  letter-spacing:-.025em
}
.gx7-section-caption{font-size:10px;color:#697789}
.gx7-orders-layout{
  display:grid;
  grid-template-columns:260px minmax(0,1fr);
  gap:18px;
  align-items:center;
  padding-top:14px
}
.gx7-chart-shell{
  position:relative;
  min-height:210px;
  display:grid;
  place-items:center;
  border-inline-end:1px solid var(--gx7-line2)
}
#gx7OrderChart{width:100%;min-height:205px}
.gx7-chart-fallback{
  position:absolute;
  display:grid;
  place-items:center;
  pointer-events:none
}
.gx7-chart-fallback strong{font-size:24px;color:#eef2f6!important;font-weight:600}
.gx7-chart-fallback span{font-size:9px;color:#738094;text-transform:uppercase;letter-spacing:.1em}
.gx7-status-list{display:grid;gap:7px}
.gx7-status-row{
  width:100%;
  min-height:58px;
  display:grid;
  grid-template-columns:10px minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  padding:10px 12px;
  border:1px solid transparent;
  border-radius:12px;
  background:transparent;
  color:#dce3eb;
  text-align:inherit;
  cursor:pointer;
  transition:.16s ease
}
.gx7-status-row:hover{background:#111a24;border-color:var(--gx7-line)}
.gx7-status-dot{width:7px;height:7px;border-radius:50%}
.gx7-success .gx7-status-dot{background:var(--gx7-green)}
.gx7-pending .gx7-status-dot{background:var(--gx7-yellow)}
.gx7-failed .gx7-status-dot{background:var(--gx7-red)}
.gx7-status-copy{display:grid;gap:3px;min-width:0}
.gx7-status-copy span{font-size:11px;font-weight:800;color:#dce3eb}
.gx7-status-copy small{font-size:9px;color:#6f7c8d}
.gx7-status-row strong{
  min-width:54px;
  text-align:end;
  color:#eef2f6!important;
  font-size:18px;
  font-weight:600;
  font-variant-numeric:tabular-nums
}

/* actions */
.gx7-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.gx7-action{
  min-height:66px;
  display:grid;
  grid-template-columns:38px minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  padding:12px 14px;
  border:1px solid var(--gx7-line);
  border-radius:14px;
  background:#0d141b;
  color:#dfe6ee!important;
  text-decoration:none!important
}
.gx7-action:hover{background:#111923;border-color:rgba(244,201,93,.14)}
.gx7-action-icon{
  width:38px;height:38px;
  display:grid;place-items:center;
  border-radius:11px;
  background:#141d27
}
.gx7-telegram{color:#55b8e7}.gx7-android{color:#8bd154}
.gx7-action span:nth-child(2){display:grid;gap:2px}
.gx7-action strong{font-size:11px;color:#edf1f5!important}
.gx7-action small{font-size:9px;color:#718094}
.gx7-action > i{font-size:11px;color:#6c798b}

/* news */
.gx7-news{
  position:sticky;
  top:88px;
  border:1px solid var(--gx7-line);
  border-radius:20px;
  background:#0d141b;
  overflow:hidden;
  box-shadow:0 16px 38px rgba(0,0,0,.16)
}
.gx7-news-head{
  min-height:68px;
  padding:14px 15px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border-bottom:1px solid var(--gx7-line2)
}
.gx7-news-head h4{
  margin:4px 0 0!important;
  font-size:15px!important;
  font-weight:700!important
}
.gx7-live-pill{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:5px 8px;
  border-radius:999px;
  background:rgba(52,215,131,.06);
  color:#59dd96;
  font-size:8px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em
}
.gx7-live-pill i{width:6px;height:6px;border-radius:50%;background:#3bd987}
.gx7-news-scroll{
  max-height:520px;
  overflow:auto;
  padding:4px 15px 8px
}
.gx7-news-scroll > *{border-color:var(--gx7-line2)!important}
.gx7-news-footer{
  padding:10px 15px;
  border-top:1px solid var(--gx7-line2);
  text-align:end
}
.gx7-news-footer a{font-size:10px;color:var(--gx7-gold)!important;font-weight:800}

/* modal details */
.gx7-pairing,.gx7-qr{background:#101821!important;border-color:var(--gx7-line)!important}

/* subtle entry – existing Animate.css is also available */
@keyframes gx7Enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.gx7-wallet,.gx7-summary,.gx7-orders-panel,.gx7-news,.gx7-actions{
  animation:gx7Enter .32s ease both
}
.gx7-summary{animation-delay:.04s}
.gx7-orders-panel{animation-delay:.08s}
.gx7-news{animation-delay:.06s}
.gx7-actions{animation-delay:.10s}

/* responsive */
@media(max-width:1199px){
  .gx7-dashboard-grid{grid-template-columns:1fr}
  .gx7-news{position:relative;top:auto}
  .gx7-news-scroll{max-height:360px}
}
@media(max-width:900px){
  .gx7-wallet{grid-template-columns:1fr}
  .gx7-wallet-secondary{border-inline-start:0;border-top:1px solid var(--gx7-line2)}
  .gx7-orders-layout{grid-template-columns:1fr}
  .gx7-chart-shell{border-inline-end:0;border-bottom:1px solid var(--gx7-line2)}
}
@media(max-width:600px){
  .gx7-dashboard .page-container{padding:10px 8px 26px!important}
  .gx7-wallet-primary{padding:17px}
  .gx7-balance-row{align-items:flex-start;flex-direction:column}
  .gx7-balance-number{font-size:36px}
  .gx7-primary-action{width:100%;justify-content:center}
  .gx7-wallet-action{width:100%}
  .gx7-summary{grid-template-columns:1fr}
  .gx7-summary-item{border-inline-end:0;border-bottom:1px solid var(--gx7-line2)}
  .gx7-summary-item:last-child{border-bottom:0}
  .gx7-actions{grid-template-columns:1fr}
  .gx7-orders-panel{padding:14px}
}
@media(prefers-reduced-motion:reduce){
  .gx7-wallet,.gx7-summary,.gx7-orders-panel,.gx7-news,.gx7-actions{animation:none!important}
}